<template>
    <div>
      <!-- 列表渲染 -->
      <ul v-for="(item, index) in movies" :key="item.id">
        <li>{{ item.name }}---{{ item.score }}</li>
      </ul>
    </div>
  </template>
  <script setup>
  import { ref } from 'vue'
  
  let movies = ref([
    { id: 1, name: '流浪地球', score: 8.5 },
    { id: 2, name: '哪吒之魔童降世', score: 8.8 },
    { id: 3, name: '复仇者联盟4', score: 8.0 },
    { id: 4, name: '少年的你', score: 8.5 },
    { id: 5, name: '误杀', score: 8.5 },
    { id: 6, name: '少年的你', score: 8.5 },
    { id: 7, name: '误杀', score: 8.5 },
    { id: 8, name: '少年的你', score: 8.5 },
    { id: 9, name: '误杀', score: 8.5 },]
    )
  
  console.log(movies.value)
  
  
  </script>
  <style scoped></style>